<!DOCTYPE html>
<html lang="ZH-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户管理系统</title>
    <!-- 描述网页 -->
    <meta name="description" content="这是一个用户后台管理系统（中台）">
    <meta name="keywords" content="内容管理系统,后台管理系统">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- 设置网页图标 -->
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
    <div class="wrapper">
        <header class="common-header">
            <!-- 头部 -->
            <div class="container">
                 <div class="left">
                    <a href="#"><img src="./image/wenba.png" alt=""></a>
                 </div>
                 <div class="right">
                    <!-- 自定义下拉选项 -->
                    <div class="dropdown">
                        <span class="icon-1"></span>
                        <div class="dropdown-box">
                            <div class="title">MICU设计 <i></i> </div>
                            <ul>
                                <li><a href="#">个人中心</a></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </div>
                    </div>
                 </div>
            </div>
        </header>
        <main class="common-main">
           <div class="container clearfix">
                <aside class="common-aside">
                    <!-- 侧栏菜单 -->
                    <div class="menu-first active">
                         <div class="title">
                            <i class="icon-home"></i>
                            <span>首页</span>
                        </div>
                        <div class="line"></div>
                     </div>


                     <div class="menu-first">
                        <div class="title">
                           <i class="icon-manage"></i>
                           <span>管理</span>
                       </div>
                       <ul>
                         <li><a href="#">群组管理</a></li>
                         <li><a href="#">动态管理</a></li>
                         <li><a href="#">用户管理</a></li>
                         <li><a href="#">投票管理</a></li>
                         <li><a href="#">圈子管理</a></li>
                       </ul>
                       <div class="line"></div>
                    </div>

                    <div class="menu-first">
                        <div class="title">
                           <i class="icon-tool"></i>
                           <span>配置</span>
                       </div>
                       <ul>
                         <li><a href="#">push通知</a></li>
                         <li><a href="#">群组分配</a></li>
                         <li><a href="#">其他设置</a></li>
                       </ul>
                    </div>


                </aside>
                <section class="common-content">
                    <!-- 内容部分 -->
                    <h3 class="message">首页</h3>
                    <div class="layout">
                        <div class="index">
                            <div class="tit">今日新增</div>
                         <ul>
                            <li>
                                <div>今日新增用户</div>
                                <p>1290</p>
                            </li>
                            <li>
                                <div>今日活跃用户</div>
                                <p>6908</p>
                            </li>
                            <li>
                                <div>今日新增群</div>
                                <p>23</p>
                            </li>
                            <li>
                                <div>今日新增动态</div>
                                <p>7800</p>
                            </li>
                            <li>
                                <div>今日新增圈子</div>
                                <p>23</p>
                            </li>
                            <li>
                                <div>今日分享数</div>
                                <p>23</p>
                            </li>
                            <li>
                                <div>今日群聊数</div>
                                <p>123000000</p>
                            </li>
                            <li>
                                <div>今日点赞</div>
                                <p>23</p>
                            </li>
                         </ul>
                        <div class="tit">数据累计</div>
                        <ul>
                            <li>
                                <div>累计用户</div>
                                <p>23</p>
                            </li>
                            <li>
                                <div>累计群组</div>
                                <p>23</p>
                            </li>
                            <li>
                                <div>累计圈子</div>
                                <p>2789</p>
                            </li>
                            <li>
                                <div>累计动态</div>
                                <p>1897</p>
                            </li>
                        </ul>
                        <div class="tit">历史数据</div>
                        
                        <table>
                            <thead>
                                <tr>
                                    <th>时间</th>
                                    <th>新增用户</th>
                                    <th>新增iOS/Android</th>
                                    <th>活跃用户</th>
                                    <th>活跃用户iOS/Android</th>
                                    <th>动态数/群聊数</th>
                                    <th>新建群/新建圈子</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>2022-07-14</td>
                                    <td>23</td>
                                    <td>10/13</td>
                                    <td>60</td>
                                    <td>31/29</td>
                                    <td>108/4.5万</td>
                                    <td>12/4</td>
                                </tr>
                                <tr>
                                    <td>2022-07-13</td>
                                    <td>23</td>
                                    <td>10/13</td>
                                    <td>60</td>
                                    <td>31/29</td>
                                    <td>108/4.5万</td>
                                    <td>12/4</td>
                                </tr>
                                <tr>
                                    <td>2022-07-12</td>
                                    <td>23</td>
                                    <td>10/13</td>
                                    <td>60</td>
                                    <td>31/29</td>
                                    <td>108/4.5万</td>
                                    <td>12/4</td>
                                </tr>
                                <tr>
                                    <td>2022-07-11</td>
                                    <td>23</td>
                                    <td>10/13</td>
                                    <td>60</td>
                                    <td>31/29</td>
                                    <td>108/4.5万</td>
                                    <td>12/4</td>
                                </tr>
                                <tr>
                                    <td>2022-07-10</td>
                                    <td>23</td>
                                    <td>10/13</td>
                                    <td>60</td>
                                    <td>31/29</td>
                                    <td>108/4.5万</td>
                                    <td>12/4</td>
                                </tr>
                            </tbody>
                        </table>

                        <div class="page">
                            <div class="page-box">
                                <div class="left">
                                    <button class="btn btn-1"></button>
                                    <span>2/14678</span>
                                    <button class="btn btn-2"></button>
                                </div>
                                <div class="right">
                                    <input type="text">
                                    <button class="btn">跳转</button>
                                </div>
                            </div>
                        </div>
                        </div>
                    </div>
                </section>
           </div>
        </main>
    </div>

</body>

</html>